<%inherit file="base.html"/>
<h2>${_('System Information')}</h2>
<div id="tabNav">
    <ul>
        <li class="selected"><a href="http://admin.hexlabel.net/">${_('Info')}</a></li>
        <li><a href="http://admin.hexlabel.net/recovery_code/">${_('Recovery code')}</a></li>
    </ul>
    <div class="clr"><br/></div>
</div>
<div id="info">
    <div class="intro">
    </div>

    <table id="usageTable">
    <tr>
        <td class="title">${_('Version')}</td>
        <td>
            ${version}
	    (${_('<a href="https://addons.mozilla.org/firefox/addon/12054">upgrade</a>') | n})
        </td>
    </tr>
    <tr>
        <td class="title">${_('Disk usage')}</td>
        <td>
            ${_('Currently using')} <strong>${disk_usage/(1048576)}MB</strong> ${_('to store')} <strong>${num_datasets}</strong> ${_('datasets.')}
        </td>
    </tr>
    <tr>
        <td class="title">${_('Database location')}</td>
        <td>
            ${db_location}
        </td>
    </tr>
    </table>

    <table id="connectionsTable">
    <thead>
        <tr>
            <th colspan="1">${_('Peer Connections')} (<span class="numConnections">${len(sync_sessions)}</span>)</th>
        </tr>
    </thead>
    <tbody>
    % for s in sync_sessions:
        <tr>
            <td>
                ${s}
            </td>
        </tr>
    % endfor
    </tbody>
    </table>

    <!--
    <ul class="tasks">
        <li>
            <a href="http://admin.hexlabel.net/browse_db/">Browse data</a>
        </li>
    </ul>
    -->
    <!--
    <p>
        Your personal safety colour is <span class="swatch" style="background-color: ${safety_color}"></span><br/>
    </p>
    -->
</div>

<!-- defs -->
<%def name="title()">P2P Fusion - Peerscape | ${_('System Information')}</%def>
<%def name="head()"></%def>
<%def name="top_li_class(link)">    
    class="selected"
    % if link == 'admin':
        class="selected"
    % endif
</%def>
<%def name="body_class()">admin self</%def>
<%def name="toplinks_style()">
</%def>
